<script setup lang="ts">
const send = () => {

}
</script>

<template>
  <div class="w-full h-full grid bg-red-300 grid-cols-4 gap-x-1">
    <div class="bg-blue-100 h-full col-span-1">
      历史对话
    </div>
    <div class="bg-green-100 h-full col-span-3 grid  gap-y-1 grid-rows-4">
      <div class="bg-red-100 w-full row-span-3">
        当前对话
      </div>
      <div class="bg-green-100 w-full row-span-1">
        <div class="p-2 w-full h-full bg-green-200 flex flex-col">
          <div class="flex-1 pb-2">
            <textarea class="w-full h-full rounded-lg resize-none"></textarea>
          </div>
          <div class="h-6 bg-green-300 flex-none">
            <button @click="send">发送</button>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<style lang="postcss" scoped>

</style>
